irongit
Sign inRegister
huncholanehuncholane/dotfilesPublic

Not for normies

dotfiles/waybar/style/[Wallust] Chroma Tally.css
274 lines4.3 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Wallust - Chroma Tally */
3
4@import '../../.config/waybar/wallust/colors-waybar.css';
5
6* {
7font-family: "JetBrainsMono Nerd Font";
8font-weight: bold;
9min-height: 0;
10/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11font-size: 97%;
12font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13}
14
15window#waybar {
16 background: rgba (0, 0, 0, 0.5);
17 border-radius: 12px;
18 border-bottom: 2px;
19 border-style: solid;
20 border-color: @color12;
21}
22
23#workspaces {
24 background: transparent;
25 padding: 2px;
26 border-radius: 15px;
27 border: 0px;
28 font-style: normal;
29 color: #0F1419;
30}
31
32#taskbar button,
33#workspaces button {
34 padding: 0px 5px;
35 border-radius: 15px;
36 border: 0px;
37 color: #0F1419;
38 background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
39 opacity: 0.5;
40 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
41}
42
43#taskbar button.active,
44#workspaces button.active {
45 padding: 0px 5px;
46 border-radius: 15px;
47 border: 0px;
48 color: #0F1419;
49 background: linear-gradient(45deg, #59C2FF, #D2A6FF);
50 opacity: 1.0;
51 min-width: 40px;
52 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
53}
54
55#workspaces button:hover {
56 border-radius: 15px;
57 color: #0F1419;
58 background: linear-gradient(45deg, #59C2FF, #D2A6FF);
59 opacity: 0.8;
60 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
61
62}
63
64tooltip {
65 background: #1e1e2e;
66 opacity: 0.8;
67 border-radius: 6px;
68}
69
70#backlight,
71#backlight-slider,
72#battery,
73#bluetooth,
74#clock,
75#cpu,
76#disk,
77#idle_inhibitor,
78#keyboard-state,
79#memory,
80#mode,
81#mpris,
82#network,
83#power-profiles-daemon,
84#pulseaudio,
85#pulseaudio-slider,
86#taskbar,
87#temperature,
88#tray,
89#window,
90#wireplumber,
91#workspaces,
92#custom-backlight,
93#custom-browser,
94#custom-cava_mviz,
95#custom-cycle_wall,
96#custom-dot_update,
97#custom-file_manager,
98#custom-keybinds,
99#custom-keyboard,
100#custom-light_dark,
101#custom-lock,
102#custom-hint,
103#custom-hypridle,
104#custom-menu,
105#custom-playerctl,
106#custom-power_vertical,
107#custom-power,
108#custom-quit,
109#custom-reboot,
110#custom-settings,
111#custom-spotify,
112#custom-swaync,
113#custom-tty,
114#custom-updater,
115#custom-weather,
116#custom-weather.clearNight,
117#custom-weather.cloudyFoggyDay,
118#custom-weather.cloudyFoggyNight,
119#custom-weather.default,
120#custom-weather.rainyDay,
121#custom-weather.rainyNight,
122#custom-weather.severe,
123#custom-weather.showyIcyDay,
124#custom-weather.snowyIcyNight,
125#custom-weather.sunnyDay {
126 padding-top: 5px;
127 padding-bottom: 5px;
128 padding-right: 6px;
129 padding-left: 6px;
130}
131
132/* -----------------------------------------------------------------------------
133 * Module styles
134 * -------------------------------------------------------------------------- */
135
136
137#clock {
138 color:#a3be8c;
139}
140
141#backlight {
142 color: #ebcb8b;
143}
144
145#battery {
146 color: #d8dee9;
147}
148
149#battery.charging {
150 color: #81a1c1;
151}
152
153@keyframes blink {
154 to {
155 color: #4c566a;
156 background-color: #eceff4;
157 }
158}
159
160#battery.critical:not(.charging) {
161 background: #bf616a;
162 color: #eceff4;
163 animation-name: blink;
164 animation-duration: 3.0s;
165 animation-timing-function: steps(12);
166 animation-iteration-count: infinite;
167 animation-direction: alternate;
168}
169
170#cpu {
171 color: #a3be8c;
172}
173
174#disk {
175 color: #94e2d5;
176}
177
178#custom-keyboard,
179#memory {
180 color: #d3869b;
181}
182
183#network.disabled {
184 color:#bf616a;
185}
186
187#network{
188 color:#a3be8c;
189}
190
191#network.disconnected {
192 color: #bf616a;
193}
194
195#pulseaudio {
196 color: #04a5e5;
197}
198
199#pulseaudio.muted {
200 color: #9ca0b0;
201}
202
203#custom-light_dark,
204#temperature {
205 color: #7287fd;
206}
207
208#temperature.critical {
209 color: #bf616a;
210}
211
212#keyboard-state,
213#custom-hypridle,
214#idle_inhibitor {
215 color: #ebcb8b;
216}
217
218/*-----Indicators----*/
219#custom-hypridle.notactive,
220#idle_inhibitor.activated {
221 color: #39FF14;
222}
223
224#tray {
225}
226
227#custom-swaync,
228#custom-menu {
229 color: yellow;
230 padding-left: 8px;
231}
232#custom-power{
233 color: #eba0ac;
234}
235
236#window{
237 border-style: hidden;
238}
239
240#custom-lock,
241#bluetooth{
242 color:#d08770;
243}
244
245#custom-cava_mviz{
246 color: @color11;
247}
248
249#custom-weather{
250 color:#d08770;
251}
252
253#backlight-slider slider,
254#pulseaudio-slider slider {
255 min-width: 0px;
256 min-height: 0px;
257 opacity: 0;
258 background-image: none;
259 border: none;
260 box-shadow: none;
261}
262
263#backlight-slider trough,
264#pulseaudio-slider trough {
265 min-width: 80px;
266 min-height: 5px;
267 border-radius: 5px;
268}
269
270#backlight-slider highlight,
271#pulseaudio-slider highlight {
272 min-height: 10px;
273 border-radius: 5px;
274}